@media (min-width: 1200px) and (max-width: 1400px){
/*.ab-01{
padding-bottom: 150%;
}
*/
}
@media (min-width: 1200px) and (max-width: 1600px) {
/*鍦�992鍜�1199鍍忕礌涔嬮棿鐨勫睆骞曢噷,杩欓噷鐨勬牱寮忔墠鐢熸晥*/
.logo img{
margin-top: .1rem;
}
/*.ab-01{
padding-bottom: 130%;
}*/
.sec3-b ul li {
height: auto
}
.sec3-b ul li .sec3li-t h2{
font-size: .5rem
}
.sec3-b ul li .sec3li-b h2{
font-size: .16rem
}
.sec3-r .sec3-tit span{
font-size: .3rem
}
.sec4-l .sec4-tit span{
font-size: .3rem
}
#swiper03 .swiper-slide{
font-size: .15rem;
}
.foot-l{
margin-right: 0.5rem
}
.foot-c{
padding: 1.2rem 0.5rem
}
.sec5-t ul li .sec5li-b .h1{
font-size: .6rem
}
.sec5-t ul li .sec5li-b .h2,
.sec5-t ul li .sec5li-b .h2::before{
height: .8rem
}
.news-bot{
padding-bottom: 24.792%
}
.conbt-item b{
font-size: 2.7rem;
top: -63%
}
.conbt-item:nth-child(2) b{
font-size: 1.9rem;
bottom: -46%
}
}
/* Normal desktop :1200px. */
@media (min-width: 1200px) {
.sec5-t ul li:hover .sec5li-b {
bottom: 0;
}
.sec5-t ul li:hover .sec5li-t {
top: -100%;
}
.nav{
display: none;
}
}
/* Normal desktop :992px. */
@media(max-width: 1199.98px) {
.main{
padding-left: 5%;
}
.section2 .sec2-l {
width: 100%;
}
.sec2-l .sec1-tit h2{
font-size: .24rem;
}
.sec-txt{
-webkit-line-clamp:5;
font-size: .15rem;
}
.sec2-l .more{
margin-top: .5rem;
}
.sec2-l .more a{
padding: .1rem .7rem .1rem .1rem
}
.section2 .sec2-r{
width: 60%;
}
.sec3-r .sec3-tit h2{
font-size: .24rem;
}
.sec3-r .sec3-tit span{
font-size: .17rem;
}
.sec3-txt{
font-size: .15rem;
}
.sec3-r .more a{
padding: .1rem .7rem .1rem .1rem
}
.sec3-b ul{
padding: .1rem;
}
.sec3-b ul li{
width: 50%;
height:.7rem;
background: none;
margin-bottom: .1rem;
}
.sec3-b ul li .sec3li-t{
padding: .1rem 0;
}
.sec3-b ul li .sec3li-t h2{
font-size: .20rem;
margin-bottom: .1rem;
}
.sec3-b ul li .sec3li-t h3 span{
font-size: .18rem;
}
.sec3-b ul li .sec3li-b h2 em{
font-size: .22rem;
}
.sec3-b ul li .sec3li-b h2::before{
display: none;
}
.sec3-b ul li .sec3li-b h2{
margin-bottom: 0rem;
font-size: .19rem;
}
.sec3-b ul li .sec3li-b{
padding: .2rem 0;
}
.sec3-b ul li .sec3li-b h3{
font-size: .16rem;
display: none;
}
.sec3t-item .sec3-r{
width: 100%;
}
.sec3-r .more{
margin-top: .3rem
}
.sec3-b ul li .sec3li-t h3 em{
display: none;
}
.sec4-r{
width: 100%;
}
.sec4-l{
width: 100%;
padding-top: .2rem;
margin-bottom: .4rem;
}
.sec4-l .sec4-tit h2{
font-size: .24rem;
}
.sec4-l .sec4-tit span{
font-size: .17rem;
}
.sec4-l .more{
margin-top: .3rem;
}
.sec4-txt{
-webkit-line-clamp: 5
}
.sec4-l .more a{
padding: .1rem .7rem .1rem .1rem
}
.secmain{
width: 100%;
left: 0;
}
.sec5-t ul li .sec5li-b{
padding: .05rem;
}
.sec5-t ul li .sec5li-t h3 span{
font-size: .18rem;
}
.sec5-t ul li .sec5li-t h3 em{
font-size: .16rem;
}
.sec5-t ul li .sec5li-b .h1{
font-size: .3rem;
}
.sec5-t ul li .sec5li-b .h2::before{
height: .7rem;
}
.sec5-t ul li .sec5li-b .h2{
height: .7rem;
}
.sec5-t ul li .sec5li-b .h3{
font-size: .19rem;
}
.sec5-t ul li .sec5li-b .h4{
font-size: .13rem;
margin: .2rem auto;
}
.m-tit .sec4-tit h2{
font-size: .24rem;
}
.m-tit .sec4-tit span{
font-size: .17rem;
}
.m-tit .more a{
padding: .1rem .7rem .1rem .1rem
}
.fomain{
padding-left: 5%;
padding-right: 5%;
}
.foot-l .fol-tit h2{
font-size: .24rem;
}
.foot-l .fol-tit span{
font-size: .17rem;
}
.foot-l{
width: 100%;
}
.foot-r{
width: 100%;
}
.foot-c{
display: none;
}
#swiper02 .swiper-slide .spn{
font-size: .15rem;
}
/* about */
.header{
height: auto;
}
.sub-tyt .po h2{
font-size: .26rem;
margin-bottom: 0;
}
.sub-tyt .po span{
display: none;
}
.sub-tyt .po h2::after{
transform: translate(180%, -50%)
}
.sub-tyt .po h2::before{
transform: translate(-180%, -50%)
}
.ab1t-l{
width: 100%;
float: none;
}
.ab-01{
padding-top: .3rem;
padding-bottom: 0;
height: auto;
}
.ab1-t{
margin-bottom: .3rem;
}
.ab-tit{
margin-bottom: .2rem;
}
.ab-tit h2{
font-size: .22rem;
}
.ab-tit span{
font-size: .14rem;
}
.ab1t-r{
position: static;
transform: translateY(0);
width: 100%;
}
.ab1-item{
margin-bottom: .3rem;
}
.ab1-item .abi-l{
width: 100%;
}
.ab1-item .abi-r{
position: static;
transform: translateY(0);
width: 100%;
}
.abi-tit{
margin-top: .2rem;
margin-bottom: .2rem;
font-size: .17rem;
}
.abi-txt{
line-height: 1.8;
}
.ab-02 .container{
padding-top: .3rem;
}
.ab2-item{
width: 100%;
margin-bottom: .2rem;
}
.ab2-item .h2{
font-size: .17rem;
}
.ab-02{
padding-bottom: 0;
height: auto;
}
.abb-item .abi-l{
width: 100%;
float: none;
}
.abb-item .abi-r{
position: static;
transform: translateY(0);
width: 100%;
}
.ab-hon{
text-align: left;
padding: .2rem;
}
.ab-hon h2{
font-size: .22rem;
}
.ab-hon h3{
font-size: .15rem;
}
.abb-item.two .abi-l{
width: 100%;
float: none;
}
.abb-item.two .ab-hon{
text-align: left;
padding: .2rem;
}
.ab-hon em{
font-size: .17rem;
}
.ab-04{
padding: .3rem 0;
}
.ab4-bot ul li img{
width: .5rem;
height: .5rem;
margin: .2rem auto;
}
.ab4-bot ul li p{
margin-top: 0;
}
.ab-05{
padding-top: .3rem;
padding-bottom: 0;
height: auto;
}
.ab-05 .container{
padding-top: 0;
}
.ab5-item{
width: 100%;
padding: .2rem .1rem .2rem .1rem;
margin-bottom: .1rem;
}
.ab5-item .ab5i-tit h2{
font-size: .18rem;
}
.ab5-txt{
font-size: .14rem;
}
.foo-fc ul li{
width: 100%;
}
.p-t{
padding: .1rem;
}
.ptr .h2{
display: block;
font-size: .24rem;
background: url(../img/dot.png) no-repeat 1.8rem bottom;
margin-bottom: .1rem;
background-size: .3rem .3rem;
}
.ptr .hp{
font-size: .14rem;
}
.ptl{
width: 100%;
float: none !important;
}
.ptr{
width: 100%;
position: relative;
top: auto;
left: auto;
right: auto;
transform: translateY(0);
}
.ptr .down{
width: .4rem;
height: .4rem;
left: 50%;
transform: translateX(-50%);
}
.ptr .down a{
width: .4rem;
height: .4rem;
}
.ptr .down i{
line-height: .4rem;
font-size: .2rem;
}
.pro-btit{
font-size: .26rem;
padding: .3rem 0;
}
.pro-btit::before{
transform:translate(-180%, -50%)
}
.pro-btit::after{
transform:translate(180%, -50%)
}
.news-bot{
padding-bottom: 37.392%;
}
.ne1{
font-size: .24rem;
padding-top: .2rem;
}
.ne2{
font-size: .16rem;
margin: .1rem auto;
}
.sub-tyt .po span{
display: none;
}
.news-item{
width: 50%;
padding: .1rem;
}
.news-item .n2{
font-size: .17rem;
font-weight: bold;
}
.news-item .n3{
font-size: .14rem;
line-height: 1.5;
height: 7.5em;
}
.news-item .n4::before{
width: .3rem;
}
.news-item .n4{
padding-left: .4rem;
}
.news-item:nth-child(3n) {
border-right: #dddddd 1px solid;
}
.news-item:nth-child(2n) {
border-right: none;
}
.conb-t{
margin-top: -.3rem;
}
.conbt-item{
float: none;
padding-left: .15rem;
padding-top: .15rem;
width: 100%;
height: 1.7rem;
}
.conbt-item img{
width: .4rem;
height: .4rem;
}
.conbt-item h2{
font-size: .3rem;
margin-top: .2rem;
}
.conbt-item b{
font-size: 2rem;
top: -54%;
}
.conbt-item:nth-child(2) b{
font-size: 2rem;
bottom: -54%;
}
.conb-c .c1{
padding-left: 0;
}
.c1 ul li{
width: 100%;
float: none;
padding:.2rem;
background-size: .32rem .32rem;
padding-left: .4rem;
}
.c1 ul li h2{
font-size: .15rem;
}
.conb-c .c2{
padding: .2rem;
}
.c2 .cc2{
float: none !important;
width: 100%;
font-size: .18rem;
}
#swiper03{
width: 100%;
}
.ccol{
width: 100%;
padding:.3rem .3rem .3rem .4rem;
float: none !important;
}
.ccor{
width: 100%;
height: auto;
position: static;
}
.conb-b{
padding-top: .3rem;
}
.cco-tit{
margin-bottom: .3rem;
}
.cco-tit::before{
font-size: 1.2rem;
left: -.5rem;
}
.cco-tit span{
font-size: .24rem;
}
.cco-tit em{
font-size: .24rem;
}
.waiter img{
width: 40%;
}
}
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991.98px) {
}
/* small mobile :320px. */
@media(max-width: 768px) {
}
@media only screen and (min-width:575.98px) {
}
/* Large Mobile :480px. */
@media(max-width: 575.98px) {
}